import { GetStaticProps } from 'next';
import Head from 'next/head';
import Link from 'next/link';
import ReactMarkdown from 'react-markdown';
import rehypeRaw from 'rehype-raw';
import Layout from '../../components/Layout/Main';
import { MarkdownComponents } from '../../components/Markdown/MarkdownComponents';
import HeadersType from '../../components/Typography/Headers';
import {
buildL1StaticPaths,
DocumentationProps,
fetchDocPageMarkdown,
getClientRuntimeConfig,
IParams,
reduceSlugToString,
} from '../../components/util';
/**
* Render all index pages
* @returns
*/
export async function getStaticPaths() {
return {
paths: buildL1StaticPaths(),
fallback: false,
};
}
/**
* Get all the markdown data, build a menu tree, and then fetch the contents
* of the current page for rendering
*
* This is all done statically at build time
* @param context GetStaticProps
* @returns
*/
export const getStaticProps: GetStaticProps = (context) => {
// Read current slug
const { level1 } = context.params as IParams;
return {
props: {
...fetchDocPageMarkdown('docs/', reduceSlugToString(level1), `/${level1}`).props,
config: getClientRuntimeConfig(),
},
};
};
/**
* Render Docs page
* @param param0
* @returns
*/
export default function DocPage({ content, menu, metadata, current, config }: DocumentationProps) {
if (content) {
return (
{metadata.title}
{metadata.description}
{content}
);
} else {
return (
404 - Page Not Found
404
Oops! Page not found.
Sorry, the page you are looking for does not exist or has been moved.
Please check the URL or return to the homepage.